<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>

<html>
<head>
  <title>我的订单</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
  <link type="text/css" rel="stylesheet" href="css/style.css">
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="layer/layer.js"></script>
  <script type="text/javascript" src="js/cart.js"></script>
</head>
<body>
<!--header-->
<jsp:include page="header.jsp">
  <jsp:param name="flag" value="5"></jsp:param>
</jsp:include>
<!--//header-->

<!--cart-items-->
<div class="cart-items">
  <div class="container">
    <h2>我的订单</h2>
    <table class="table table-bordered table-hover">

      <tr>
        <th width="10%">ID</th>
        <th width="10%">总价</th>
        <th width="20%">商品详情</th>
        <th width="30%">收货信息</th>
        <th width="10%">订单状态</th>
        <th width="10%">支付方式</th>
        <th width="10%">下单时间</th>
      </tr>

      <c:forEach items="${orderList }" var="order">

        <tr>
          <td><p>${order.id }</p></td>
          <td><p>${order.total }</p></td>
          <td>
            <c:forEach items="${order.itemList }" var="item">
              <p>${item.goodsName }(${item.price }) x ${item.amount }</p>
            </c:forEach>
          </td>
          <td>
            <p>${order.name }</p>
            <p>${order.phone }</p>
            <p>${order.address }</p>
          </td>
          <td>
            <p>
              <c:if test="${order.status==2 }"><span style="color:red;">已付款</span></c:if>
              <c:if test="${order.status==3 }"><span style="color:green;">已发货</span></c:if>
              <c:if test="${order.status==4 }"><span style="color:black;">已完成</span></c:if>
            </p>
          </td>
          <td>
            <p>
              <c:if test="${order.paytype==1 }">微信</c:if>
              <c:if test="${order.paytype==2 }">支付宝</c:if>
              <c:if test="${order.paytype==3 }">货到付款</c:if>
            </p>
          </td>
          <td><p>${order.datetime }</p></td>
        </tr>

      </c:forEach>

    </table>
  </div>
</div>
<!--//cart-items-->

<!--footer-->
<jsp:include page="footer.jsp"></jsp:include>
<!--//footer-->

</body>
</html>
